<template>
<div class="main-box">
  <router-view></router-view>
</div>
</template>

<script>

export default {
  components: {

  },
  data () {
    return {
      
    };
  },
  methods : {
    
  },
};
</script>

<style lang="scss">
@import '../common/reset.css';
html, body {
  position:relative;
  width:100%; height:100%;
  color:black; font-size:62.5%;
  font-family:'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,'Microsoft YaHei',Arial,sans-serif;
  text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga','kern';
  background:white;
  overflow:hidden;
}
::-webkit-scrollbar{display:none;}
textarea {resize:none;}
a:link, a:visited, a:hover, a:active {text-decoration:none;}
.ellipsis{
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.main-box{
  position:relative;
  width:100%; height:100%;
  overflow:hidden;
  font-size:1.5rem;
}
input, textarea {
  display:block; box-sizing:border-box;
  width:100%; padding:.5rem; margin-top:.5rem;
  border-radius:3px; border:1px solid #e0e0e0;
  line-height:2rem;
  &:focus {border-color:rgb(3,169,244);}
}
h2 {
  line-height:4rem; font-size:2rem; text-align:center;
  color:rgb(3,169,244);
}
form {padding:0 1rem;}
fieldset {margin-bottom:1rem;}
</style>
